<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body class="dpflex fdcolumn">
    <!-- 我是课程训练的开始界面 -->
    <div class="main flex1">
        <video id="video" autoplay muted controls></video>
        <div class="main_coursetitle">
            <h2><span id="coursenum"></span>/<span id="coursenum2"></span></h2>
            <p id="name"></p>
        </div>
    </div>
    <!-- 这是下面的内容区域的开始 -->

    <div class="footer">
       
        <div class="footer_div">
          <i class="iconfont icon-zuozuo-" id="previous"></i>
          <i class="iconfont icon-zanting" id="paused"></i>
          <i class="iconfont icon-youyou-" id="next"></i>
        </div>
        <p class="progress"></p>
    </div>
    <div class="mask1">
     <h1>放弃可以找到一万个理由,坚持只需要一个信念</h1>
     <ul>
         <li class="controls">
            <div class="pause">
               <i class="iconfont icon-kaishi"></i>
               <span class="subsequent">继续训练</span>
            </div>
            <div class="play" id="stopPlay">
           <i class="iconfont icon-jieshu"></i>
           <span >结束训练</span>
            </div>
         </li>
         <li class="usermessage">
       
            <div class="img">
              <div class="img_left">  <img  alt="" id="courseshowurl"></div>
                <div class="current">
                    <span>当前:</span>
                    <p id="last"></p>
                </div>
            </div>
          
        
         </li>
         
     </ul>
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
</body>
</html>